<template>
  <div>
    <!-- v-model.修饰符="vue数据变量" -->
    <div>
      <span>年龄</span>
      <!-- .number   以parseFloat转成数字类型 -->
      <input type="text" v-model.number="age" />
    </div>
    <div>
      <span>人生格言</span>
      <!-- .trim  去除首尾空白字符 -->
      <input type="text" v-model.trim="motto" />
    </div>
    <div>
      <span>自我介绍</span>
      <!-- .lazy   在change时触发而非inupt时 -->
      <textarea v-model="intro"></textarea>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: "",
      motto: "",
      intro: "",
    };
  },
};
</script>

<style>
</style>